<template>
    <div>
        用户名: <input type="text" v-model="username"/>
        密码:<input type="text" v-model="password"/>

        <button @click="login">登录</button>
    </div>
</template>

<script>
export default {
    created(){
        console.log(this.$route)
    },
    data(){
        return {
            username:'',
            password:''
        }
    },
    methods:{
        login(){
            if(this.username && /\d{3,6}/.test(this.password)){
                //登录
                this.$http.post('/api/login',{username:this.username,password:this.password}).then(res => {
                    console.log(res);
                    if(res.data.code === 1){

                        localStorage.setItem('token',res.data.token);
                        //判断
                        localStorage.setItem('username',this.username);
                        let prev= this.$route.query.prev ? this.$route.query.prev : '/home';
                        console.log(prev);
                        this.$router.replace(prev)
                        
                    }else{
                        alert("登录失败")
                    }
                })
            }else{
                alert("输入有误")
            }
        }
    }
}

//1.前端写完  登录  注册  首页  我的  创建博客（路由独享守卫）  我的博客  搜索  

//1.进创建博客之前，判断是否登录，用路由独享守卫

//2.没有登录  ---> login?prev=目标路由  ---> 登录成功跳回来 

//3.登录 ---> 进入
</script>

